Add Appwrite React library docs and launch post#3022
Conversation
Adds /docs/products/auth/react hub covering the provider, hooks, server helpers, handler routes, and OAuth flow. Rewrites the React, Next.js, and TanStack Start quickstarts to use @appwrite.io/react. Adds a launch blog post under blog/post/announcing-appwrite-react-library and a new "React library" entry in the Auth sidebar. Updates /docs/sdks to list the package.
Appwrite WebsiteProject ID: Website (appwrite/website)Project ID: Tip Our Discord community has grown to 24K developers, and counting |
Greptile SummaryThis PR introduces the
Confidence Score: 4/5Safe to merge after fixing the optimize-cache.json filename mismatch; all documentation content is accurate. The only active defect is in .optimize-cache.json, where the newly added cover image is registered under the wrong extension (cover.png vs the actual cover.avif). If the image optimization pipeline relies on this cache to locate or skip files, it will fail to process the real image correctly. Everything else — hook docs, server helper examples, quickstart code snippets, sidebar wiring — is consistent and correct. .optimize-cache.json has the wrong file extension for the cover image key. Important Files Changed
Reviews (7): Last reviewed commit: "Add React library launch cover, changelo..." | Re-trigger Greptile |
![greptile-apps[bot]](https://avatars.githubusercontent.com/in/867647?s=60&v=4){kind=small}
Rewrites the AI quickstart prompts under react/, nextjs/, and tanstack-start/ to use @appwrite.io/react instead of the raw Appwrite Web SDK setup, mirroring the rewritten +page.markdoc files.
- Fix admin client example: call admin.account.list() instead of dereferencing the Account service - Add multi-route guidance to the TanStack Start quickstart so readers know to move AppwriteProvider into __root.tsx in real apps - Wrap the blog useAuth() snippet in a function component to satisfy the Rules of Hooks - Format prompt.md files per prettier
Reflects the new framework helper method that returns the full node-appwrite AdminServer (users, databases, storage, teams, and the rest). Hub keeps the standalone createAdminClient as an alternative.
| title: "Announcing the Appwrite React library" | ||
| description: A small set of React hooks and SSR adapters that take the busywork out of wiring Appwrite Auth into Vite, Next.js, and TanStack Start apps. | ||
| date: 2026-05-25 | ||
| cover: /images/blog/announcing-appwrite-react-library/cover.avif |
There was a problem hiding this comment.
The frontmatter references /images/blog/announcing-appwrite-react-library/cover.avif, but the directory static/images/blog/announcing-appwrite-react-library/ does not exist anywhere in the repo. Every other blog post in static/images/blog/ has its cover image committed alongside the post. Publishing this as-is will render a broken image on the blog listing and the post page itself.
Sets the announcement blog cover to the new React SDK artwork (date moved to 2026-06-24), adds the matching 2026-06-24 changelog entry, and tags the React library row in /docs/sdks as beta to align with the React Native SDK row.
| "static/images/blog/announcing-appwrite-pro/credits.png": "285905e1fd8b8282cb45a4f2259debd851812c23665145d865e141f5133c0be0", | ||
| "static/images/blog/announcing-appwrite-pro/header.png": "ab709ff45870607ec4472bd4dc9e4a028e320bbfb89009ec04c98ec69248a15a", | ||
| "static/images/blog/announcing-appwrite-pro/pro.png": "01427f30610de4d6d19cd9160154d8849ffa75da04d063d12bf3e9bba481b4e7", | ||
| "static/images/blog/announcing-appwrite-react-library/cover.png": "db2536faba9c82ad441662e10bf69375c8f6d1716e151324e37b0a5bbca9ee48", |
There was a problem hiding this comment.
cover.png, but the file actually committed to the repo is cover.avif. If the image optimization pipeline consults this cache to decide what to skip or where to find the processed artifact, it will look for a .png that doesn't exist and never register the real .avif file as cached. The key should match the actual filename.
| "static/images/blog/announcing-appwrite-react-library/cover.png": "db2536faba9c82ad441662e10bf69375c8f6d1716e151324e37b0a5bbca9ee48", | |
| "static/images/blog/announcing-appwrite-react-library/cover.avif": "db2536faba9c82ad441662e10bf69375c8f6d1716e151324e37b0a5bbca9ee48", |
1 participant
Adds the /docs/products/auth/react hub, rewrites the React, Next.js, and TanStack Start quickstarts to use @appwrite.io/react, and ships an announcement post under blog/post/announcing-appwrite-react-library.
Also updates /docs/sdks and adds a "React library" entry to the Auth sidebar.